import { defineComponent } from "vue";

export default defineComponent({
  name: "FTFrameworkHeader",
  setup() {
    return () => (
      <div class="gw-header" id="header">
        <div class="gw-header--wrapper">
          <div class="gw-header--application-icon-container" title="我的应用">
            <span class="f-icon f-icon-launchpad2 application-icon"></span>
            <span class="f-icon f-icon-launchpad-face2 application-icon-active"></span>
          </div>
          <div class="flex-auto gw-header-toolbar">
            <ul class="nav float-right gw-header-toolbar--list">
              <li class="gw-header-toolbar--list-item">
                <a class="gw-header-toolbar--content">
                  <span class="f-icon f-icon-maximize"></span>
                </a>
              </li>

              <li class="gw-header-toolbar--list-item">
                <span>
                  <a class="gw-header-toolbar--content" title="设计器">
                    <span class="f-icon f-icon-ide"></span>
                  </a>
                </span>
              </li>
              <li class="gw-header-toolbar--list-item">
                <span>
                  <a class="gw-header-toolbar--content" title="消息中心">
                    <img
                      style="width: 16px; height: 16px; margin-bottom: 5px"
                      src="./static/framework/imgs/messagecenter.svg"
                    />
                  </a>
                </span>
              </li>
              <li class="gw-header-toolbar--list-item">
                <span>
                  <a class="gw-header-toolbar--content" title="云+">
                    <span class="f-icon f-icon-message"></span>
                  </a>
                </span>
              </li>
              <li class="gw-header-toolbar--list-item">
                <span>
                  <a class="gw-header-toolbar--content" title="任务中心">
                    <img
                      style="width: 16px; height: 16px; margin-bottom: 5px"
                      src="./static/framework/imgs/taskcenter.svg"
                    />{" "}
                  </a>
                </span>
              </li>
              <li class="gw-header-toolbar--list-item">
                <span>
                  <a class="gw-header-toolbar--content" title="问题反馈">
                    <img
                      style="width: 16px; height: 16px; margin-bottom: 5px"
                      src="./static/framework/imgs/igix-wtfk.svg"
                    />{" "}
                  </a>
                </span>
              </li>
              <li class="gw-header-toolbar--list-item">
                <div class="gw-userinfo-menu gw-header-toolbar--menu-userinfo">
                  <div
                    class="gw-navbar-user-dropdown"
                  >
                    <a class="gw-navbar-user-info">
                      <img
                        alt=""
                        class="gw-navbar-user-avatar"
                        id="frame_user_smallpic"
                        src="./static/framework/imgs/avatar-default.png"
                      />
                      <span class="gw-navbar-user-name name-space">user1</span>
                    </a>
                    <div
                      class="gw-navbar-user-info-detail"
                      id="userList"
                      style="top: 100% !important; display: none"
                    >
                      <div style="margin-top: 2px"></div>
                      <div class="gw-navbar-user-info-content">
                        <div class="gw-navbar-user-info-content-list">
                          <div
                            class="gw-navbar-user-info-content-list-item gw-navbar-user-info-content-list-msg"
                            id="user-info-img"
                            style="cursor: default"
                          >
                            <div class="user-item-img">
                              <img
                                alt=""
                                class="user-item-img"
                                id="frame_user_bigpic"
                                src="./static/framework/imgs/avatar-default.png"
                              />
                            </div>
                            <div class="user-item-data">
                              <div class="user-item-data-name">user1</div>
                              <div class="user-item-data-section"></div>
                            </div>
                          </div>

                          <div
                            class="gw-navbar-user-info-content-list-item item-setting-list gw-navbar-user-info-content-list-item-usersetting"
                            id="user-info-setting"
                          >
                            <div class="item-setting-list-content">
                              <span class="user-item-icon f-icon f-icon-user_center"></span>
                              <span class="user-item-name">个人设置</span>
                            </div>
                          </div>

                          <div
                            class="gw-navbar-user-info-content-list-item item-setting-list"
                            id="user-info-tenant"
                            style="position: relative; overflow: inherit"
                          >
                            <div class="item-setting-list-content">
                              <span class="user-item-icon f-icon f-icon-qiehuanzuzhi"></span>
                              <span class="user-item-name">浪潮集团</span>
                            </div>
                            <div
                              class="gw-navbar-user-type-content"
                              id="tenantList"
                              style="display: none; position: absolute; top: 0; right: 100%; padding-right: 2px"
                            >
                              <div class="gw-navbar-user-type-detail">
                                <div class="gw-navbar-user-info-content">
                                  <div class="gw-navbar-user-info-content-list"></div>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div
                            class="gw-navbar-user-info-content-list-item item-setting-list"
                            id="user-info-about"
                          >
                            <div class="item-setting-list-content">
                              <img
                                src="./static/framework/imgs/userinfo_about.svg"
                                style="width: 18px; height: 18px; margin-left: 8px"
                              />
                              <span
                                class="user-item-name"
                                style="margin-left: 13px"
                              >
                                关于
                              </span>
                            </div>
                          </div>

                          <div
                            class="gw-navbar-user-info-content-list-item item-setting-list"
                            id="user-info-logout"
                          >
                            <div class="item-setting-list-content">
                              <span class="user-item-icon f-icon f-icon-sign_out"></span>
                              <span class="user-item-name">退出登录</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    );
  }
});
